﻿<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link type="text/css" rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
    <script type="javascript" src="js/jquery-2.1.4.min.js"></script>
    <script type="javascript" src="js/jquery.mobile-1.4.5.min.js"></script>
    <script>

        function onbuttonclick(sender) {
            if (isWeixin()) {
                targeturl = "https://appsto.re/cn/aljb6.i";
                window.open(targeturl);
                window.setTimeout(function () {
                    document.getElementById("modal_jump_background").style.display = "block";
                    document.getElementById("modal_jump").style.display = "block";
                    document.body.removeChild(ifr);
                }, 10);
            }
            else {
                if (isiOS) {
                    targeturl = "https://appsto.re/cn/aljb6.i";
                    var ifr = document.createElement('iframe');
                    ifr.src = targeturl;
                    ifr.style.display = 'none';
                    document.body.appendChild(ifr);
                    window.open(targeturl);
                }
                else if (isAndroid) {
                    targeturl = "https://appsto.re/cn/aljb6.i";
                    window.open(targeturl);
                }
                else {
                    targeturl = "https://appsto.re/cn/aljb6.i";
                    window.open(targeturl);
                }
            }
        }

        function hidemodal() {
            document.getElementById("modal_jump_background").style.display = "none";
            document.getElementById("modal_jump").style.display = "none";
        }
    </script>
    <style>
        body {
            width: 100%;
            height: auto;
            padding: 0px;
            margin: 0px;
        }

        img {
            width: 100%;
            height: 100%;
            display: block;
        }

        .modal_jump_background {
            -khtml-opacity: .58;
            -webkit-opacity: .58;
            opacity: .58;
            -moz-opacity: .58;
            filter: alpha(opacity=58);
            background-color: #000;
            position: fixed;
            z-index: 200;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

        .modal_jump {
            position: fixed;
            z-index: 201;
            width: 100%;
            top: 0;
            left: 0;
        }

    </style>
    <title>糕飞欢迎您</title>
</head>
<body>
<div>
    <a onclick="onbuttonclick()" href=""><img src="${BASE_PATH}/static/assets/share/img/invite.png"></a>
</div>

<div id="modal_jump_background" class="modal_jump_background" style="display:none;" onclick="hidemodal()"></div>
<img id="modal_jump" class="modal_jump" style="display:none;"
     src="${BASE_PATH}/static/assets/share/img/weixinfallback_background.png?t=342" onclick="hidemodal()">
</img>

</body>
</html>